ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

【壁紙は、ページの雰囲気をがらりと変える強力アイテム】

壁紙はページの背景に敷き詰められた画像です。同じ内容のページでも、背景の「色」や「柄」を変えるとまったく違った印象になりますね。
ページの要素となる文字や画像も背景の「色」「柄」に大きく影響を受けます。そういった意味で非常に強力なアイテムですが、使い方にも十分注意を払わないと、そのページを台無しにしてしまう恐れもあります。


【壁紙の選び方】

まず、言えるのは、自分のページの内容を良く伝える「色」「柄」を選ぶ事です。
「色」「柄」は見る人に大きな心理的影響を与えます。ページの内容にマッチした物を選べば、伝えたい事柄をより強く印象付ける事が出来ると思います。

【テーブルクロス風】

【犬さんの骨】

【ひよこさん】

たとえば、この様な「フォントカラー」を使ったらどうでしょうか。
背景に負けてしまっていますね。この様なときは、

無地の背景色のテーブルなどを配置して、その中にテキストなどを流し込むといいと思います。

こんなふうに・・・！

【レイアウトデザインの第一歩はラインから】

「ライン（区切り線）」はＨＴＭＬでの＜ＨＲ＞タグの水平線と、同様な役割をする画像素材です。ラインはページ上を個別の意味の固まりごとに分割し、見やすくするために用います。長い文章を章毎に区切ったり、表題と本文の間、本文とフッターの間を区切ったりする使い方が多いのではないでしょうか。




---

ここで、ＨＴＭＬで書く「ライン」＜ＨＲ＞のタグが出ましたんで簡単に説明しておきましょうか。
上の、黄色のラインはこの＜ＨＲ＞タグで書いたものです。

<HR SIZE="4" COLOR="#FFFF00">

と書いています。

<HR>と書きますと

---


となります。

<HR SIZE="4">　　とSIZE="4"を書き込みますと、


---


となります。

<HR SIZE="4" COLOR="yellow">　　と　COLOR="yellow" を追加しますと、


---


となります。

このように簡単に「ライン」が入れられますので、「ライン画像」と、併用して使って見てはどうでしょうか。

【色々なライン（区切り線）】















■　ライン画像を表示するのは、画像のタグを使うのはいうまでもありませんよね。

みなさん御存じのとうり<IMG src="～画像のＵＲＬ">で表わされますね。

【ライン素材の選び方】

ライン素材には、シンプルなものからイラスト風なものまでさまざまなものがあります。
基本的にはシンプルなもので構成したほうが、センス良く仕上がると私は思っております。
イラスト風なものは、タイトルとか本文の間など、強く区切りたいところに使えば効果的なんではないでしょうか。


【ラインの使いすぎに注意】

「ライン」は、シンプルなアイテムですが、画面を大きく横断して切り分けてしまうわけですから、視覚的に強い印象を与えます。あまり多用し過ぎますとかえって本文を読みにくくする事があるので、注意が必要です。